<template>
    <div id="navbar">
        <div  @touchstart="backBtn"><span class="fa fa-angle-left"></span></div>
        <div><slot></slot></div>
    </div>
</template>

<script>
export default {
    methods:{
        backBtn:function(){
            history.back();
        },
    }

}
</script>

<style scoped>
#navbar{
    width:100%;
    height:50px;
    line-height:50px;
    color:#666666;
    border-bottom:1px solid #cccccc;
    display:flex;
    justify-content: space-around;
}

#navbar div:nth-of-type(1){
    font-size:40px;
    width:30%;
}
#navbar div:nth-of-type(2){
    font-size:25px;
    width:60%;
}








</style>